<!--
 * @Author: 黄杰文 1909366636@qq.com
 * @Date: 2022-05-15 17:05:47
 * @LastEditors: 黄杰文 1909366636@qq.com
 * @LastEditTime: 2022-05-15 17:12:07
 * @FilePath: \file2\briup-ej-app_408_409\src\views\Mine\address.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
<div >
  <div>
    <van-nav-bar
  title="常用地址"
  left-text="返回"
  left-arrow
  @click-left="$router.back()"
/>
  </div>

   <div class="address">
<van-address-list
  v-model="chosenAddressId"
  :list="list"
  @edit="onEdit"
  @add="onAdd"
/>
  </div>
   
</div>
  
</template>

<script>
export default {
   data() {
    return {
      show: false,
      chosenAddressId: '1',
      list: [
        {
          id: '1',
          name: '詹姆斯',
          tel: '11111111222222',
          address: '上海市上海市静安区静安区',
        },
        {
          id: '2',
          name: '张尔尔',
          tel: '190000000000000',
          address: '内蒙古自治区赤峰市宝山区购物广场',
        },
         {
          id: '3',
          name: '张三',
          tel: '1111111111111111',
          address: '江苏苏州昆山巴城镇学院浦东软件园',
        },
        {
          id: '4',
          name: '马宏宇',
          tel: '18896827921',
          address: '山西省临分市侯马市幸福2栋201',
        },
         {
          id: '5',
          name: '高大山',
          tel: '17898766678',
          address: '山西省运城市闻喜县公园号3期2单元901',
        },
      ],
    };
  },
  computed: {},
    methods: {
    onAdd() {
      this.$dialog.confirm({
            title:'是否退出增加地址',
            message:'请输入地址',
            confirmButtonColor:' rgb(120, 121, 255)'
        }).then(()=>{
            console.log('点击确认')
        }).catch(()=>{
            console.log('点击取消')
        })},
  showPopup() {
      this.show = true;},
  
 
    onEdit(item, index) {
      this.$dialog.confirm({
            title:'是否退出编辑地址',
            message:'请输入地址',
            
            confirmButtonColor:' rgb(120, 121, 255)'
        }).then(()=>{
            console.log('点击确认')
        }).catch(()=>{
            console.log('点击取消')
        })
    },
    showPopup() {
      this.show = true;},
  },
  created() {},
  mounted() {}
};
</script>
<style >

.van-nav-bar__left{
  /* 设置“返回”的字体大小 */
  font-size: 13px;
}
.van-radio__icon .van-icon{
  /* 删除原本组件中的一个按钮的内容 */
  display: none;
}

.van-address-list__add {
  /* 设置“新增地址”的高度 */
    height: 45px;
    /* 设置“新增地址”的宽度 */
    width: 250px;
    /* 设置“新增地址”的的位置 */
    margin: -100px auto;
    /* 设置“新增地址”的背景颜色 */
    background-image: linear-gradient(to right, #7579ff, #bf73ff);
    /* 设置“新增地址”的边框：无 */
    border: none;
}
/* “编辑地址”的位置调整 */
.van-address-item__edit{
  right: -4px;
}

</style>